const counters = document.querySelectorAll('.counter')/*选中了所有带有 "counter"类的元素 */

counters.forEach(counter => {
    counter.innerText = '0'

    const updateCounter = () => {
        /*+是将字符串类型的data-target转换成数字类型*/
        const target = +counter.getAttribute('data-target')/*获取了计数器元素上的 data-target值,并将其转换为数字类型 */
        const c = +counter.innerText/*将计数器元素的文本内容转换为数字类型，并将其存储在 c 变量中*/

        const increment = target / 200

        if(c < target) {
            counter.innerText = `${Math.ceil(c + increment)}`/*Math.ceil()用于将当前值加上增量并向上取整，从而得到一个整数值 */
            setTimeout(updateCounter, 1) /*延迟 1 毫秒后递归调用 updateCounter 函数 */
        } else {
            counter.innerText = target
        }
    }

    updateCounter() /*调用函数 */
})
